<!-- <video #video autoplay="autoplay" (ended)="VideoEnd()" class="video-player" data-height="100%" 
data-width="100%" height="100%" width="100%">
    <source src="https://t.alipayobjects.com/images/T1T78eXapfXXXXXXXX.mp4" type="video/mp4">
</video> -->

<div class="bgDiv"></div>

<div nz-row class="height-500 image">
    <form nz-form nz-col [nzOffset]="14" [nzSpan]="6" [formGroup]="validateForm" class="login-form" (ngSubmit)="_submitForm()">
        <h2 class="title">C语言微课程学习系统</h2>
        <div nz-form-item>
            <div nz-form-control [nzValidateStatus]="validateForm.controls.email">
                <nz-input formControlName="email" [nzPlaceHolder]="'邮箱'" [nzSize]="'large'">
                    <ng-template #prefix>
                        <i class="anticon anticon-user"></i>
                    </ng-template>
                </nz-input>
                <div nz-form-explain *ngIf="validateForm.controls.email.dirty&&validateForm.controls.email.hasError('required')">请输入用户名！</div>
            </div>
        </div>
        <div nz-form-item>
            <div nz-form-control [nzValidateStatus]="validateForm.controls.password">
                <nz-input formControlName="password" [nzType]="'password'" [nzPlaceHolder]="'密码'" [nzSize]="'large'">
                    <ng-template #prefix>
                        <i class="anticon anticon-lock"></i>
                    </ng-template>
                </nz-input>
                <div nz-form-explain *ngIf="validateForm.controls.password.dirty&&validateForm.controls.password.hasError('required')">请输入密码！</div>
            </div>
        </div>
        <div nz-form-item>
            <div nz-form-control>
                <label nz-checkbox formControlName="remember">
                    <span>记住我</span>
                </label>
                <a href="/forget" class="login-form-forgot">忘记密码</a>
                <button nz-button type="submit" class="login-form-button" [nzType]="'primary'" [nzSize]="'large'">登 陆</button> 或
                <a href="/register">现在注册！</a>
            </div>
        </div>
    </form>
</div>